<!DOCTYPE html>
<html lang="zh-cn">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" href="../css_sass/base.css" />
    <link rel="stylesheet" href="../css_sass/user.css" />
    <title>个人信息</title>
  </head>
  <body>
    <header>
      <img src="../img/userinformation/back.png" alt="" />
      <span>注销</span>
    </header>

    <main>
      <div class="header">
        <img src="../img/userinformation/QQ.png" alt="" />
        <div class="headdown">
          <label for="photo"><input type="file" id="photo" class="photo" readonly hidden />相册</label>

          <input id="random" class="random" readonly value="随机" />
        </div>
      </div>

      <!-- vip栏 -->
      <div class="vip">
        <div>
          <img src="../img/userinformation/vip.png" alt="" />
          <span>我的VIP</span>
        </div>
        <div><span>未开通</span><span>&gt;</span></div>
      </div>

      <!-- 资料 -->
      <div class="box information">
        <span>资料</span>
        <div>
          <span>昵称</span>
          <div class="nickname_box"><input class="nickname" type="text" value="cc" readonly /><span>&gt;</span></div>
        </div>
        <div>
          <span>注册日期</span>
          <div class="registertime">2023-03-14</div>
        </div>
      </div>

      <!-- 账号 -->
      <div class="box accountnumber">
        <span>账号</span>
        <div>
          <span>注册账号</span>
          <div class="accountnumber email">1281773958@qq.com</div>
        </div>
        <div>
          <span>绑定微信</span>
          <div><span>未绑定</span><span>&gt;</span></div>
        </div>
      </div>

      <!-- 密码 -->
      <div class="box password">
        <span>密码</span>
        <span class="update-password">修改密码</span>
        <span class="logout">退出登录</span>
      </div>

      <!-- 修改昵称 -->
      <div class="background"></div>
      <div class="changenickname">
        <span>修改昵称</span>
        <div class="changenickname_box"><input type="text" value="cc" /></div>
        <div>
          <input type="text" value="修改范围：4" readonly />
          <span>-</span>
          <input type="text" value="20" readonly />
        </div>
        <button class="confirm">确定</button>
      </div>
    </main>
  </body>
  <script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>

  <script src="../js/user.js"></script>
</html>
